// app/studio/layout.tsx (Server Component)
import { getAllEventCatalogResources, getStudioFileFromEventCatalogDirectoryById, getStudioFilesFromEventCatalogDirectory, getStudioTemplates } from '@/lib/content-loader';
import { ResourceProvider } from '@/components/ResourceProvider';


export default async function StudioLayout({ children, params }: { children: React.ReactNode, params: { id: string } }) {
  const resources = await getAllEventCatalogResources();
  const studioFilesFromEventCatalogDirectory = await getStudioFilesFromEventCatalogDirectory();
  const designToLoad = await getStudioFileFromEventCatalogDirectoryById(params.id);
  const templates = await getStudioTemplates();

  return (
    <ResourceProvider resources={resources} studioFilesFromEventCatalogDirectory={studioFilesFromEventCatalogDirectory} defaultDesign={designToLoad} templates={templates}>
      {children}
    </ResourceProvider>
  );
}